@charset "utf-8";

*{padding:0;margin:0;}
*:before, *:after {box-sizing: border-box;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:"微软雅黑",Tahoma,Arial,Helvetica;font-size:14px;background:#FFF;color:#000;cursor: default;min-height: 100%;min-width: 1125px;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
li{float: left;position: relative}
th,td,input{font-size:12px;border: 0;}
h3{font-size:16px;}
h4{font-size: 13px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a{color: #000000;}
img{display: block;}
a:link,a:visited{text-decoration:none;position: relative;}
a:hover,a:active{text-decoration:none;}
input, textarea, select, button {margin: 0em;font: -webkit-small-control;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;
    text-shadow: none;display: inline-block;text-align: start;}
.container{margin-left: auto; margin-right: auto;padding-left: 15px;padding-right: 15px;width: 950px;}
.con-left{float: left;}
.con-right{float: right;}
.container:before,.container:after,.con-left:after,.con-right:after,.con-right:before,.con-left:before{clear: both;content:"";display: block;}

.clearfix:after{content:"\200B";display: block;height: 0;clear: both;}
.clearfix{*zoom:1;}
.g-l{float: left;}
.g-r{float: right;}

/****************************************头部(全局)**********************************/
.navbar,.userbar{border-bottom: 1px solid transparent;position: relative;width: 100%;z-index: 222;}
.navbar{min-height: 104px;top: 0;/*margin-bottom: 20px;*/}
.userbar{min-height: 94px;bottom:-94px;}
.navbar-inverse{background-color: #24292c;border-color: #080808;}
.navbar-logo{position: relative;width:484px;}
.navbar-nav {margin: 44px 0 9px 0;}
.nav > li,.menubar-menu > li,.itembar-item > li {display: block;position: relative;float: left;}
.navbar-nav > li a.col {color: #777; padding: 8px 3px;margin:8px 5px; line-height: 20px;display: block; position: relative; font-size: 16px;}
.navbar-nav > li a.col:hover,.navbar-nav > li > a.col:focus{background-color: transparent;color:#fff;}
.btn {-moz-user-select: none;background-image: none;border: 1px solid transparent;border-radius: 2px;cursor: pointer;display: inline-block;font-size: 14px;
    font-weight: normal;line-height: 1.42857;margin-bottom: 0;padding: 6px 17px;text-align: center;vertical-align: middle;white-space: nowrap;}
.navbar-btn {margin: 7px 4px;}
.btn-default {background-color: #e8e8e8;color: #666666;font-size: 15px;font-weight: bold;}
.log-con-info-login .login{margin-left:40px;}
.log-con-email-register .register{background: #24292C;border: 1px solid #ADADAD;color: #FFFFFF;}
.btn-default:hover,.btn-default:focus{background-color:#E6E6E6;border-color: #adadad;color: #333;}
.top-logo{background-image: url(../images/top_logo.jpg);background-repeat: no-repeat;background-color: #24292C;width: 180px;height:104px;}
.bottom-logo{background-image: url(../images/bottom_logo1.png);background-repeat: no-repeat;background-color: #24292C;width: 143px;height:94px;z-index: -1}
.search{margin:48px 30px 12px 30px;padding:7px;}
.searchArt{background: #000000;width: 230px;height:30px;position: relative;border-radius:15px;overflow:auto;}
.searchArt > i{background-image: url(../images/search.png);background-repeat: no-repeat;background-color: #000;width: 17px;height:18px;text-align: center;
    vertical-align: middle;white-space: nowrap;margin:7px 6px 5px 10px;display:block;cursor: pointer;}
input.searchKeyword{background: #000000;color:#FFFFFF;width:185px;height:18px;margin-right:10px;padding: 6px 0;outline: none;}
.col-on{color:#b5dbdc !important; font-size: 18px !important; font-weight: bold;}

/*.item-con:before,.item-con:after,.itembar-item:before,.itembar-item:after,.menubar-menu:before,.menubar-menu:after,.nav:before, .nav:after,.navbar:before,.navbar:after
,.navbar-header:before, .navbar-header:after{clear: both;content: "";display: block;}*/
.menubar-menu{background-color: #ededef;margin:10px 0;}
.menubar-menu > li > a {color: #888;padding: 15px 55px;line-height: 20px;display: block; position: relative; font-size: 18px;font-weight: bold;transition: color 0.3s ease 0s;
	-webkit-transition: color 0.3s;-o-transition: color 0.3s;-moz-transition: color 0.3s;}
.menu-on{background: #00b9bd;color:#FFFFFF !important;}
.my-name{cursor: pointer;position: relative;}
.my-name > .my-show > a{text-align: center;display: inline-block;font-weight: bold;padding:0;margin:0;color: #bcbcbc;font:16px/50px "微软雅黑";}
.my-show{width:135px;height:50px;text-align: center;line-height: 50px;}
.my-show:hover a{color:#FFFFFF;}
.triangle_border_up{width:0;height:0;top:23px;right:-15px;border-width:0 5px 4px;border-style:solid;border-color:transparent transparent #ccc;position: absolute;
	transition: all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;}
.triangle_border_up_180{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);transform: rotate(180deg);}
.my-con{background: #191919;border:1px solid #191919;width: 225px;height:auto;position: absolute;right:-30%;display: none; zoom: 1;}
.my-con li{float: none;border-bottom: 1px solid #000000;}
.my-con li a{font-size: 12px;color:#bcbcbc;padding: 7px 5px;margin:4px; line-height: 18px;display: inline-block; position: relative;white-space: nowrap;}
.my-con li i{display: inline-block;}
.my-con li a:hover{color: #FFF;}
.icon-myhome,.icon-myfriend,.icon-myattention,.icon-mysite,.icon-myclose{background-repeat: no-repeat;background-color:#191919;width: 15px;height:16px;position: relative;
   margin:0 0 0 15px;top:3px;}
.icon-myhome{background-image: url(../images/icon-phtot.png);}
.icon-myfriend{background-image: url(../images/icon-friend.png);}
.icon-myattention{background-image: url(../images/icon-attention.png);}
.icon-mysite{background-image: url(../images/icon-site.png);}
.icon-myclose{background-image: url(../images/icon-close.png);}
.triangle_border_up_info{width:0;height:0;border-width:0 11px 11px;border-style:solid;border-color:transparent transparent #191919;position:absolute;
   left:45%;top:-11px;display: block;}
.my-email{padding-top:17px;height: 33px;width:35px;position: relative;}      
.my-email a{background-image: url(../images/my-email.png);background-repeat: no-repeat;display: block;width: 19px;height: 15px;}
.my-email i{top:7px;right:-15px;}
.my-email em{position: absolute;top:-9px;right: -8px;width:13px;height: 13px;border-radius: 50%;background: red;color: #FFF;border: 1px solid #FFF;font-size: 10px;
    text-align: center;line-height: 13px;display: block;}
/*.my-email a:hover{background-image: url(../images/my-email1.png);background-repeat: no-repeat;display: block;}*/

.t-nav{zoom: 1;}
.g-hd{position: relative;z-index: 99;height: 43px;background: #dbeaf9;}
.g-doc{width: 950px;margin:auto;text-align: left;height: 43px;}
.g-l{float: left;}
.g-r{float: right;}
.t-nav ul{float: left;}
.t-nav li{float: left;height: 43px;font-size: 0;line-height: 0;}
.t-nav .nav-slt{display: block;height: 43px;overflow: hidden;line-height: 43px;font-size: 14px; color: #000;cursor: pointer;}
.t-nav .nav-slt .t-txt{display: block;margin-top: 12px;height: 16px;line-height: 16px;overflow: hidden;padding: 0 20px;border-left: 1px dotted #000;}
.t-nav .art-museum-3d{color: #01a8ac; }
.t-nav .nav-slt .single-style{border-left: none;padding-left: 15px;}
.t-nav .nav-slt:hover{color:#C40000;}